<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>管理员管控界面</title>
    <link rel="stylesheet" type="text/css" href="public/dist/css/zui.min.css" />
    <link rel="stylesheet" href="public/css/background.css">
</head>

<body>
    <div class="panel" id="frame">
        <div class="panel-heading">
            管理员管控
        </div>
        <div class="panel-body">

            <!--用户名-->
            <div class="col-lg-3 col-sm-3 col-xs-12">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">用户名</span>
                        <input id="name" type="text" class="form-control" placeholder="用户名">
                    </div>
                </div>
            </div>



            <div class="col-lg-3 col-sm-3 col-xs-12">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">角色类型</span>
                        <select id="role" onchange="changerole()" class="form-control">
                            <!-- <option value="0">请选择</option>
                            <option value="2">普通管理员</option>
                            <option value="1">高级管理员</option> -->
                        </select>
                    </div>
                </div>
            </div>





            <div class="col-lg-4 col-sm-4 col-xs-12">
                <div class="with-padding">
                    <div class="input-group">
                        <span class="input-group-addon">创建时间</span>
                        <input type="date" class="form-control" id="start" onchange="getstartDate()">
                        <span class="input-group-addon">至</span>
                        <input type="date" class="form-control" id="end" onchange="getendDate()">
                    </div>
                </div>
            </div>








            <div class="col-lg-3 col-sm-3 col-xs-12">
                <div class="with-padding">
                    <button class="btn  btn-block" type="button" onclick="doSend()">查询</button>
                </div>
            </div>

            <div class="col-lg-3 col-sm-3 col-xs-12">
                <div class="with-padding">
                    <button class="btn  btn-block" type="button" onclick="doAdd()">新增</button>
                </div>
            </div>



        </div>
    </div>


    <!--对话框-->
    <div class="modal fade" id="doAdd">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                            class="sr-only">关闭</span></button>
                    <h4 class="modal-title">添加数据</h4>
                </div>
                <div class="modal-body">
                    <!-- <p>...</p> -->


                    <!--用户名-->
                    <div class="with-padding">
                        <div class="with-padding">
                            <div class="input-group">
                                <span class="input-group-addon">管理员名</span>
                                <input id="admin" type="text" class="form-control" placeholder="用户名">
                            </div>
                        </div>
                    </div>
                    <!--账号-->
                    <div class="with-padding">
                        <div class="with-padding">
                            <div class="input-group">
                                <span class="input-group-addon">账　　号</span>
                                <input id="account" type="text" class="form-control" placeholder="账号">
                            </div>
                        </div>
                    </div>
                    <!--密码-->
                    <div class="with-padding">
                        <div class="with-padding">
                            <div class="input-group">
                                <span class="input-group-addon">密　　码</span>
                                <input id="pwd" type="password" class="form-control" placeholder="密码">
                            </div>
                        </div>
                    </div>
                    <!--确认密码-->
                    <div class="with-padding">
                        <div class="with-padding">
                            <div class="input-group">
                                <span class="input-group-addon">确认密码</span>
                                <input id="cpwd" type="password" class="form-control" placeholder="确认密码">
                            </div>
                        </div>
                    </div>

                    <div class="with-padding">
                        <div class="with-padding">
                            <div class="input-group" style="width: 270px;">
                                <span class="input-group-addon">角　　色</span>
                                <select id="roleid" onchange="changerole2()" class="form-control">

                                </select>
                            </div>
                        </div>
                    </div>

                    <form class="form-horizontal">
                        <label for="exampleInputAddress1">省</label>
                        <div>
                            <select class="form-control" onchange="change()" id="addressOne">

                            </select>
                        </div>
                        <label for="exampleInputAddress1">市</label>
                        <div>
                            <select class="form-control" onchange="change2()" id="addressTwo">

                            </select>
                        </div>

                        <label for="exampleInputAddress1">区/县</label>
                        <div>
                            <select class="form-control" onchange="change3()" id="addressThree">

                            </select>
                        </div>
                    </form>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="doUpdate">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                            class="sr-only">关闭</span></button>
                    <h4 class="modal-title">修改数据</h4>
                </div>
                <div class="modal-body">

                    <!-- <p>...</p> -->
                    <div class="form-group">
                        <span>
                            状态
                        </span>

                        <label>

                            <input type="radio" value="0" name="status1" />启用

                        </label>

                        <label>

                            <input type="radio" value="1" name="status1" />禁用

                        </label>


                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="confirm2()">确定</button>
                </div>
            </div>
        </div>
    </div>






    <div class="panel" id="frame">
        <div class="panel-heading">
            数据
        </div>
        <div class="panel-body">

            <table class="table table-bordered" id="table"></table>



            <div align="center">
                <input type="button" value="上一页" onclick="pageback()">
                &nbsp;<span id="pager">0/0</span>&nbsp;
                <input type="button" value="下一页" onclick="pagenext()">
            </div>


        </div>
    </div>


</body>
<script type="text/javascript" src="public/dist/lib/jquery/jquery.js"></script>
<script type="text/javascript" src="public/dist/js/zui.min.js"></script>
<script type="text/javascript" src="public/layer/layer.js"></script>
<script type="text/javascript" src="public/js/function.js"></script>
<script type="text/javascript" src="public/js/admin.js"></script>

</html>